<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>京东购物</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>

<body>
<img src="images/jingdong.png" style="margin-left: 200px">
<h5 style="margin-left: 335px;margin-top: -28px" >购物车</h5>
<h5 style="color: red;margin-left: 216px;margin-bottom: -84px;margin-top: 60px; ">全部商品 5</h5>
    <div class="container" style="margin-left: 200px;margin-top: 100px">
        <hr>
        <table class="table table-bordered" style="background: #fef4e8;">
            <thead>
                <tr style="background-color:#f3f3f3 ">
                    <th scope="col">商品</th>
                    <th scope="col">名称</th>
                    <th scope="col">单价</th>
                    <th scope="col">数量</th>
                    <th scope="col">小计</th>
                    <th scope="col">操作</th>
                </tr>
            </thead>
            <tbody id="table">
                <tr>
                    <th scope="row"><img src="images/未标题-1.gif" alt="" class=""></th>
                    <td><img src="images/1-1.png" alt="" class=""><img src="images/2-1.png" alt="" class=""> 美伦达丶赣南脐橙    颜色：赣南脐橙铂金果 3斤装
                        2017新上市 3斤装，铂金果</td>
                    <td>￥<span class="price">25.80</span></td>
                    <td>
                        <input type="text" value="1" class="num">
                    </td>
                    <td>
                        ￥<span class="total"></span>
                        <br>
                        1.68kg
                    </td>
                    <td>
                        <span class="del">删除</span>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="images/img-2.gif" alt="" class=""></th>
                    <td><img src="images/2-1.png" alt="" class="">Camposol 秘鲁进口精选蓝    颜色：秘鲁蓝莓 4盒装
                        莓4盒装  单核约125g 新鲜水果</td>
                    <td>￥<span class="price">46.90</span></td>
                    <td>
                        <input type="text" value="1" class="num">
                    </td>
                    <td>
                         ￥<span class="total"></span>
                        <br>
                        1.25kg
                    </td>
                    <td>
                    <span class="del">删除</span>
                </td>
            </tr>
                <tr>
                    <th scope="row"><img src="images/img-4.png" alt="" class=""></th>
                    <td><img src="images/2-1.png" alt="" class=""> 换了果园 广西青皮芒果2个   青皮芒 2粒 尝鲜装
                        装 单果约260g以上 新鲜水果
                    </td>
                    <td>￥<span class="price">10.90</span></td>
                    <td>
                        <input type="text" value="1" class="num">
                    </td>
                    <td>
                        ￥<span class="total"></span>
                        <br>
                        0.75kg
                    </td>
                    <td>
                        <span class="del">删除</span>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="images/img-3.png" alt="" class=""></th>
                    <td> <img src="images/2-1.png" alt="" class="">爱奇果 新疆库尔勒香梨 约   颜色：2.5g单过约120-125g
                        2.5kg 当季新果  特级装  单果约120-</td>
                    <td>￥<span class="price">39.90</span></td>
                    <td>
                        <input type="text" value="1" class="num">
                    </td>
                    <td>
                        ￥<span class="total"></span>
                        <br>
                        2.6kg
                    </td>
                    <td>
                        <span class="del">删除</span>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="images/img-5.png" alt="" class=""></th>
                    <td>
                        <img src="images/2-1.png" alt="" class="">宏辉果蔬 苹果 烟台红富士   颜色： 12粒75mm红富士
                        12个 单果约75mm 总重约2.1kg 新鲜</td>
                    <td>￥<span class="price">34.90</span></td>
                    <td>
                        <input type="text" value="1" class="num">
                    </td>
                    <td>
                        ￥<span class="total"></span>
                        <br>
                        2.1kg
                    </td>
                    <td>
                        <span class="del">删除</span>
                    </td>
                </tr>
            </tbody>
        </table>
        <div style="text-align: right;margin-right: 50px">总价：￥158.4<span id="all"></span></div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>